<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
    <title>Similar NameCards</title>
</head>
<body>
    <div style="width: 100%" align="center">
        <img src="{{ url_for('static', filename=namecard) }}" width="35%" align="center">
    </div>
    <p>Time Costs: {{ cost }} s</p>
    <p>Similar Cards:</p>
    <br>
    <br>
    <table style="width: 90%" align="center" border="1">
    {% for cards in results| batch(3) %}
        <tr>
            {% for card in cards %}
                <td>
                    <div>
                        <!--
                        <p>Distance: {{ card[1] }}</p>
                        -->
                        <img src="{{ url_for('static', filename="database/" + card[0]) }}" width="100%" align="center">
                    </div>
                </td>
            {% endfor %}
        </tr>
    {% endfor %}
    </table>
</body>
</html>
